<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" >
<!--[if lt IE 9]>
　　　　<script src="http://css3-mediaqueries-js.googlecode.com/svn/trunk/css3-mediaqueries.js"></script>
　　<![endif]-->
<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/sytle.css?v=0.2&d=2016-11-08">
<title>临时保洁介绍</title>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-2.1.4.min.js"></script>
<script type="text/javascript">
function checkContact(){
	$.ajax({
	 	url:"/members/checkContact.json",
		success: function(data){
			if(parseInt(data.info)==1){
				window.location = "${pageContext.request.contextPath}/goods/clean.html";
			}
			if(parseInt(data.info)==0){
				window.location = "${pageContext.request.contextPath}/members/setUpContact.html";
			}  
		}
	});
}
</script>
</head>
<body>
<div class="hgj">
  <div class="page-all"> 
    <!--头部开始-->
    <header>
      <div class="navbar">
        <ul>
          <li class="l-back"><a href="/"><img src="${pageContext.request.contextPath}/images/left.png" alt="返回"/></a></li>
          <li class="n-word">临时保洁</li>
          <li class="n-intro"></li>
        </ul>
      </div>
    </header>
    <!---内容开始--->
    <div class="container">
      <div class="clean-pic"><img src="${pageContext.request.contextPath}/images/clean-banner.png"/></div>
      <div class="intro-bar">
        <div class="intro-bar-left">临时保洁</div>
        <div class="intro-bar-right">单价：30/小时<br>
          夜间：40/小时</div>
      </div>
      <!---建议时长-->
      <section class="sugg-time">
        <div class="sugg-title"><span class="list"></span><span class="list-word">建议时长</span></div>
        <div class="s-time">
          <table class="t-help">
            <tr>
              <th>房屋面积</th>
              <th>打扫时长参考</th>
            </tr>
            <tr>
              <td>60m2-80m2</td>
              <td>2-3小时</td>
            </tr>
            <tr>
              <td>80m2-120m2</td>
              <td>3-4小时</td>
            </tr>
            <tr>
              <td>120m2-140m2</td>
              <td>4-6小时</td>
            </tr>
            <tr>
              <td>140m2-170m2</td>
              <td>6-8小时</td>
            </tr>
            <tr>
              <td>170m2以上</td>
              <td>8小时以上</td>
            </tr>
          </table>
          <p>时长仅供参考，您可根据房屋实际情况适当调整。服务超过所选时长后将无法继续</p>
        </div>
      </section>
      <section class="sugg-time">
        <div class="sugg-time"><span class="list"></span><span class="list-word">服务内容</span></div>
        <div class="s-content-list"> <img src="${pageContext.request.contextPath}/images/kitchen.png"/>
          <p>厨房大扫除</p>
          <ul>
            <li>灶台、水池清理</li>
            <li>油烟机表面除尘</li>
          </ul>
        </div>
        <div class="s-content-list"> <img src="${pageContext.request.contextPath}/images/keting.png"/>
          <p>客厅大扫除</p>
          <ul>
            <li>家居、地面除尘</li>
            <li>客厅垃圾处理</li>
          </ul>
        </div>
        <div class="s-content-list"> <img src="${pageContext.request.contextPath}/images/bed.png"/>
          <p>卧室大扫除</p>
          <ul>
            <li>床铺整理、地面清理</li>
            <li>物品摆放整齐</li>
          </ul>
        </div>
        <div class="s-content-list"> <img src="${pageContext.request.contextPath}/images/yangtai.png"/>
          <p>阳台大扫除</p>
          <ul>
            <li>阳台物品归纳整齐</li>
            <li>地面清理</li>
          </ul>
        </div>
        <div class="s-content-list"> <img src="${pageContext.request.contextPath}/images/bathroom.png"/>
          <p>卫生间大扫除</p>
          <ul>
            <li>地面清理</li>
            <li>垃圾纸篓清理</li>
            <li>卫浴物品整理摆放</li>
          </ul>
        </div>
      </section>
      <!--服务内容结束-->
      <section class="sugg-time" style=" clear:both;">
      <div class="sugg-time"><span class="list"></span><span class="list-word">温馨提示</span></div>
      <div class="remind-content">
      <p>1、厨房大扫除（不包括抽油烟机拆洗）<br>阳台大扫除（不包括2楼以上玻璃）<br>
卧室大扫除（不包括天花板及灯具拆洗）<br>卫生间大扫除（不包括2楼以上玻璃）<br>
客厅大扫除（不包括天花板及灯具拆洗，地毯清洗）</p>
<p>2、考虑到客户时间安排的多样性，特推出夜间服务（18:00后预订） 单价：40/小时</p>
<p>3、为保障服务进程顺利，客户可最快预约两小时后的服务</p>
      </div>
      </section>
    </div>
  </div>
  <footer>
  <a  href="#" class="order-now" onclick="checkContact();">立即预约</a>
  </footer>
</div>
</body>
</html>
